<template>
	<el-row class="container">
		<el-col>
			<top></top>
		</el-col>
		<el-col>
			<middle></middle>
		</el-col>
		<el-col>
			<panel></panel>
		</el-col>
		<el-col>
			<info-bar></info-bar>
		</el-col>
		<el-col>
			<bottom></bottom>
		</el-col>
	</el-row>
</template>
<script type="text/javascript">
	import Top from '@/components/Top'
	import Middle from '@/components/Middle'
	import Panel from '@/components/Panel'
	import InfoBar from '@/components/InfoBar'
	import Bottom from '@/components/Bottom'
	export default{
		name: "Container",
		components: {Top,Middle,Panel,InfoBar,Bottom},
		computed:{
			patient:{
				set(value){
				},
				get(){
					return this.$store.state.patient;
				}
			},
		},
		created:function(){
			var vm =this;
			//页面初始化，清空全部属性
			for(let key in vm.patient) {
				delete vm.patient[key]
			}
			vm.patient.complaintName ="";
			vm.patient.lifeCodes ="";
			vm.patient.nurseDisposals =[];
		}
	}
</script>
<style type="text/css" scoped>
	.container{
		width: 100%;
		height: 100%;
	}
</style>